#box{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url('../img/wali.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.nav{
    font-size: 0;
    margin:20px 0 50px 0;
    padding: 0 15px;
}
/*一人一半*/
.nav-left,.nav-right{
    width: 50%;
}
.nav-lefts{
    width: 90%;
}
.nav-rights{
    width: 40%;
}
.nav-left-s{
    width: 30%;
}

.nav-left-ss{
    width: 10%;
}

.nav-left-l,.nav-left-r{
    width: 30%;
}
.nav-right-l,.nav-right-r{
    width: 40%;
}
.nav div{
    display: inline-block;
    font-size: 15px;
}

.bg-red{
    background: red;
}
.bg-blue{
    background: blue;
}
.bg-green{
    background: green;
}
#frame{
    width: 100%;
    margin: 10px auto;
}
#center{
    
    text-align: center;
}
